<template>
    <el-dialog :visible.sync="dialogView" width="332px" top="120px" custom-class="docTipTable">
        <div class="common-table-title">
            <div class="common-table-icon"></div>
            <div class="common-table-fl">下列项目不能打印退货单</div>
        </div>
        <div class="detailBox">
            <el-row>
                <el-table
                    :data="docTipData"
                    max-height="300"
                    @selection-change="handleSelectionChange"
                    align="center"
                >
                    <el-table-column
                        v-for="(item, index) in docTipTable"
                        :key="index"
                        :prop="item.prop"
                        :label="item.label"
                        :width="item.width"
                        align="center"
                    />
                </el-table>
            </el-row>
        </div>
        <div class="operateZone">
            <div class="backBtn" @click="closeBox">返回</div>
        </div>
    </el-dialog>
</template>
<script>
    import datas from '../datas.js'
    import * as requests from '../axios.js'
    export default {
        data() {
            return {
                dialogView: false,
                // 提示表格项
                docTipTable: datas.docTipTable,
                // 提示数据
                docTipData: [],
            }
        },
        props: {
            
        },
        methods: {
            openBox(list) {
                this.dialogView = true;
                this.docTipData = list;
            },
            closeBox() {
                this.dialogView = false;
            },
            handleSelectionChange (selection) {
                // 选中的数组
                this.TableSelectData = selection;
            }
        },
    }
</script>
<style scoped>
    .detailBox{
        width: 100%;
        overflow-x: hidden;
        height: 300px;
    }
    .operateZone{
        height: 3rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.2rem;
    }
    .backBtn{
        width: 4.6rem;
        height: 2.4rem;
        border-radius: .4rem;
        background: #7E6B5A;
        line-height: 2.4rem;
        text-align: center;
        color: #FFF;
        font-size: 1.4rem;
    }
</style>